<template>
    <div class="listBox">
        <div class="list" @click="fireUrl()">
            <img src="@/assets/images/povertyAlleviation/fireTreasure.png" alt="">
        </div>
        <div class="list" @click="movieClubUrl()">
            <img src="@/assets/images/povertyAlleviation/treasureDramaClub.png" alt="">
        </div>
        <div class="list" @click="topoverty()">
            <img src="@/assets/images/povertyAlleviation/treasurePoverty.png" alt="">
        </div>
        <div class="list" @click="moreUrl()">
            <img src="@/assets/images/povertyAlleviation/treasurePerimeter.png" alt="">
        </div>
        <div class="list" @click="moreUrl()">
            <img src="@/assets/images/povertyAlleviation/virtualPeripheral.png" alt="">
        </div>
    </div>
</template>
<script lang="ts">
import { log } from '@/utils';
import { Component, Vue, Prop } from 'vue-property-decorator';
import { Dialog } from 'vant';
Vue.use(Dialog);
@Component({
  components: {  },
})
export default  class Myinsuretwo extends Vue{
    movieClubUrl(){
        window.location.href = "https://wechat.chinalife-p.com.cn/wechatpageview/caibaojushe_index.html";
    }
    topoverty(){
        this.$router.push({path:'povertyAlleviation'})
    }
    fireUrl(){
        this.$router.push({path:'fireTreasure'})
    }
    moreUrl(){
        Dialog.alert({
            title: '提示',
            message: '即将推出，敬请期待',
            confirmButtonText: 'OK',
            className: 'd'
        }).then(() => {
            // on close 
        });
    }
}
</script>
<style  lang="less" scoped>
    html{
        background-color: #F6F7FB;
    }
    .listBox{
        margin-top: 8px;
        margin-left: 6px;
        margin-right: 4px;
        // width: 100%;
    }
    .list{
        width: 100%;
    }
    .list img{
        width: 100%;
    }
</style>
